<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="{{ SITE_URL }}SchoolBuy/images/favicon.ico" type="image/x-icon" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}{% endblock %}</title>
    <link href="https://magicbox.bkclouds.cc/static_api/v3/assets/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://magicbox.bkclouds.cc/static_api/v3/assets/kendoui-2015.2.624/styles/kendo.common.min.css" rel="stylesheet">
    <link href="https://magicbox.bkclouds.cc/static_api/v3/assets/kendoui-2015.2.624/styles/kendo.default.min.css" rel="stylesheet">
    <link href="https://magicbox.bkclouds.cc/static_api/v3/assets/fontawesome/css/font-awesome.css" rel="stylesheet">
    <link href="https://magicbox.bkclouds.cc/static_api/v3/bk/css/bk.css" rel="stylesheet">

    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://magicbox.bkclouds.cc/static_api/v3/assets/js/jquery-1.10.2.min.js"></script>
    <script src="https://magicbox.bkclouds.cc/static_api/v3/assets/bootstrap-3.3.4/js/bootstrap.min.js"></script>
    <script src="https://magicbox.bkclouds.cc/static_api/v3/assets/kendoui-2015.2.624/js/kendo.all.min.js"></script>
    <script src="https://magicbox.bkclouds.cc/static_api/v3/bk/js/bk.js"></script>
</head>


<body style="padding-top: 55px">
<!--HTML-->
    <nav>
    	<div class="navbar king-horizontal-nav1 navbar-fixed-top" id="horizontal_nav_demo10">
    		<div class="navbar-header">
				<a href="/" class="navbar-brand">
    				<img src="{{ STATIC_URL }}SchoolBuy/images/logo1.png" width="90" height="30" class="logo"/>
    			</a>
    		</div>
    		<ul class="nav navbar-nav">
                <li class="active"><a href="/">首页</a></li>
    			<li><a href="{{ SITE_URL }}push_goods">发布商品</a></li>
    			<li><a href="{{ SITE_URL }}all">全部商品</a></li>
    			<li class="navslip" id="navslip"></li>
    		</ul>
    		<div class="navbar-header pull-right">
    			<ul class="nav">
    				<li class="user-info">

    					{% if request.session.nick %}
    					<a href="{{ SITE_URL }}me">

    						<span class="f12">{{ request.session.nick }}</span><img src="{{ request.session.avatar }}" class="img-rounded"/>
                        </a>
                            <a href="{{ SITE_URL }}logout">退出</a>


                        {% else %}
                        <a href="{{ SITE_URL }}login">
                        登录/注册
    					</a>
                        {% endif %}
    				</li>
    			</ul>
    		</div>
    	</div>
    </nav>


<script type="text/javascript">
	//horizontal_nav_demo10_js_start
	$(function(){
		var slip=$("#navslip");
		var flag=true;
		$(".navbar-nav").on("mouseenter","li",function(){
			slip.show();
			if(flag){
				slip.css({width:$(this).width(),left:parseInt($(this).position().left)})
				flag=false;
			}else{
				slip.stop().animate({
					width:$(this).width(),
					left:parseInt($(this).position().left)
				})
			}
		});
		$(".navbar-nav").on("mouseleave",function(){
			slip.hide();
			flag=true;
		});
	});
</script>
<br>
{% block detial %}{% endblock %}

<hr color="#d8d8d8">
<p align="center"><font face="楷体"size="2"color="#5e717f">随心易小队｜Copyright &copy; suixinyi.cn,All Rights Reserved</font></p>
<div align="center">
    <a href="mailto:ltt3220@qq.com"><span><font face="楷体"size="2"color="#5e717f">联系我们 | </font></span></a>
<span data-toggle="modal" data-target="#myModal"><font face="楷体"size="2"color="#5e717f">捐赠我们</font></span>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					请给我们动力完善的更好
				</h4>
			</div>
			<div class="modal-body" style="height: 250px">
                <div style="float: left">
                    <ul>
                        <li>
                            <img src="{{ STATIC_URL }}SchoolBuy/images/zfbpay.jpg" width="200" height="200">
                        </li>
                        <li>支付宝</li>
                    </ul>
                </div>
                <div style="float: left">
                    <ul >
                    <li>
                        <img src="{{ STATIC_URL }}SchoolBuy/images/wxpay.png" width="200" height="200">
                    </li>
                    <li>微信</li>
                </ul>
                </div>

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary" data-dismiss="modal">
                    谢谢您！
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
</body>
</html>